﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TrangChu.aspx.cs" Inherits="TrangChu" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <link href="css_js/common.css" rel="stylesheet" type="text/css" />
    <script src="css_js/jqueryslidemenu.js" type="text/javascript"></script>
    <link href="css_js/jqueryslidemenu.css" rel="stylesheet" type="text/css" />
    <link href="css/demo.css" rel="stylesheet" type="text/css" />
    <link href="css/style2.css" rel="stylesheet" type="text/css" />
    <script src="js/modernizr.custom.28468.js" type="text/javascript"></script>
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div class="wrapper">
        <div class="topBarContainer">
            <div class="topBar">
                <div class="callOrderInfo">
                    Goi dien dat hang : <span>0905329001</span> (Open 24Hrs)</div>
                <div class="topLinks">
                    <a id="headerright" href="/login.html">Sign in</a> | <a href="#" target="_blank">Help</a>
                    | <a href="#">Customer Care</a> | <a href="#">My Account</a>
                </div>
                <div class="greeting">
                    Hello, <span>Guest</span></div>
            </div>
        </div>
        <div class="linetop">
        </div>
        <div class="ContentContainer">
            <div id="header">
                <div id="logo">
                    logo
                </div>
                <div id="headerSearch">
                    <asp:TextBox ID="TextBox1" runat="server" class="gh-tb" type="text" size="60" MaxLength="300"
                        value="" name="_nkw" autocomplete="OFF"></asp:TextBox><asp:DropDownList ID="DropDownList1"
                            CssClass="gh-sb" runat="server">
                        </asp:DropDownList>
                    <a class="gh-ss">
                        <asp:Button ID="btnTim" runat="server" Text="Tim" CssClass="gh-btn" /></a></div>
                <div class="orderByPhone">
                    <span>Tu van mua hang 090 532 9001</span>
                </div>
                <div class="my_cart_none">
                    <a id="my_cart" href="/shopping-cart">My Cart ( <span>Empty </span>) </a>
                </div>
                <div class="clearfix">
                </div>
            </div>
            <div class="gh-col">
                <b class="gh-c1"></b><b class="gh-c2"></b><b class="gh-c3"></b><b class="gh-c4">
                </b><b class="gh-c5"></b><b class="gh-c6"></b><b class="gh-c7"></b>
                <div class="gh-clr">
                </div>
            </div>
            <!-- menu ---->
            <div id="myslidemenu" class="jqueryslidemenu">
                <ul>
                    <li><a href="http://www.dynamicdrive.com">Item 1</a></li>
                    <li><a href="#">Item 2</a></li>
                    <li><a href="#">Folder 1</a>
                        <ul>
                            <li><a href="#">Sub Item 1.1</a></li>
                            <li><a href="#">Sub Item 1.2</a></li>
                            <li><a href="#">Sub Item 1.3</a></li>
                            <li><a href="#">Sub Item 1.4</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Item 3</a></li>
                    <li><a href="#">Folder 2</a>
                        <ul>
                            <li><a href="#">Sub Item 2.1</a></li>
                            <li><a href="#">Folder 2.1</a>
                                <ul>
                                    <li><a href="#">Sub Item 2.1.1</a></li>
                                    <li><a href="#">Sub Item 2.1.2</a></li>
                                    <li><a href="#">Folder 3.1.1</a>
                                        <ul>
                                            <li><a href="#">Sub Item 3.1.1.1</a></li>
                                            <li><a href="#">Sub Item 3.1.1.2</a></li>
                                            <li><a href="#">Sub Item 3.1.1.3</a></li>
                                            <li><a href="#">Sub Item 3.1.1.4</a></li>
                                            <li><a href="#">Sub Item 3.1.1.5</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Sub Item 2.1.4</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
                </ul>
                <br style="clear: left" />
            </div>
            <div class="clearfix">
            </div>
            <!-- end menu -->
            <!-- slide -->
            <div id="da-slider" class="da-slider">
                <div class="da-slide">
                    <h2>
                        Easy management</h2>
                    <p>
                        Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
                        there live the blind texts. Separated they live in Bookmarksgrove right at the coast
                        of the Semantics, a large language ocean.</p>
                    <a href="#" class="da-link">Read more</a>
                    <div class="da-img">
                        <img src="images/2.png" alt="image01" /></div>
                </div>
                <div class="da-slide">
                    <h2>
                        Revolution</h2>
                    <p>
                        A small river named Duden flows by their place and supplies it with the necessary
                        regelialia. It is a paradisematic country, in which roasted parts of sentences fly
                        into your mouth.</p>
                    <a href="#" class="da-link">Read more</a>
                    <div class="da-img">
                        <img src="images/3.png" alt="image01" /></div>
                </div>
                <div class="da-slide">
                    <h2>
                        Warm welcome</h2>
                    <p>
                        When she reached the first hills of the Italic Mountains, she had a last view back
                        on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village
                        and the subline of her own road, the Line Lane.</p>
                    <a href="#" class="da-link">Read more</a>
                    <div class="da-img">
                        <img src="images/1.png" alt="image01" /></div>
                </div>
                <div class="da-slide">
                    <h2>
                        Quality Control</h2>
                    <p>
                        Even the all-powerful Pointing has no control about the blind texts it is an almost
                        unorthographic life One day however a small line of blind text by the name of Lorem
                        Ipsum decided to leave for the far World of Grammar.</p>
                    <a href="#" class="da-link">Read more</a>
                    <div class="da-img">
                        <img src="images/4.png" alt="image01" /></div>
                </div>
                <nav class="da-arrows">
					<span class="da-arrows-prev"></span>
					<span class="da-arrows-next"></span>
				</nav>
            </div>
            <script type="text/javascript" src="js/jquery.cslider.js"></script>
            <script type="text/javascript">
                $(function () {

                    $('#da-slider').cslider({
                        autoplay: true,
                        bgincrement: 450
                    });

                });
		</script>
            <!--end slide -->
        </div>
    </div>
    </form>
</body>
</html>
